$(function () {
    // 调用函数获取用户基本信息
    getUserInfo()

    // 点击退出
    $('#btnLogout').on('click', function () {
        // 弹框  layui提供了弹框  
        layer.confirm('是否要退出?', { icon: 3, title: '提示' }, function (index) {
            //清空token
            localStorage.removeItem('token')
            // 页面跳转到login
            location.href = '/login.html'
            // 关闭弹出层 index就是弹出层的唯一标识
            layer.close(index);
        });
    })

    // 获取用户基本信息的方法
    function getUserInfo() {
        $.ajax({
            type: "get",
            url: "/my/userinfo",
            success: function (res) {
                // 用户身份认证失败, 如果在当前getUserInfo请求中处理身份认证问题, 只针对当前的请求有效果
                if (res.status != 0) {
                    return layer.msg(res.message)
                }
                layer.msg('用户数据获取成功');
                // 封装一个渲染头像的函数
                render(res.data)
            }
        });
    }
    // 渲染
    function render(data) {
        const { nickname, username, user_pic } = data;
        // ①先判断有没有username和nickname   ||或运算找 对的(true)
        let name = nickname || username;
        // if(nickname) {
        //     name = nickname
        // } else {
        //     name = username
        // }
        // ②判断有没有头像 如果是''说明没有用户头像
        if (user_pic) {
            // 渲染Img
            $('.layui-nav-img').prop('src', user_pic).show().siblings('.text-avatar').hide();
        } else {
            // 渲染文字头像
            // 获取用户名的首字母转成大写
            const first = name[0].toUpperCase();
            $('.text-avatar').html(first).show().siblings('.layui-nav-img').hide();
        }
        // ③渲染用户名
        $('#welcome').html(`欢迎  ${name}`);

    }

    // 手动把函数挂到全局
    window.getUserInfo = getUserInfo
})
